<template>
  <div class="widget widget-view-profile">
    <div class="profile-box d-flex justify-content-between align-items-center">
      <a href="my-profile.html">
        <img :src="user.userInfo.headPic" style="width: 60px;" alt="image">

      </a>
      <div class="text ms-2">
        <h3><a href="my-profile.html" >{{ user.userInfo.nickname }}</a></h3>
        <span>{{ user.userInfo.address }}</span>
      </div>
    </div>
    <ul class="profile-statistics">
      <li>
        <a href="#">
          <span class="item-number">{{ user.userInfo.likeNum }}</span>
          <span class="item-text">喜欢</span>
        </a>
      </li>
      <li>
        <a href="#">
          <span class="item-number">{{ user.userInfo.collectNum }}</span>
          <span class="item-text">收藏</span>
        </a>
      </li>
      <li>
        <a href="#">
          <span class="item-number">{{user.userInfo.fansNum}}</span>
          <span class="item-text">粉丝数</span>
        </a>
      </li>
    </ul>

  </div>

</template>

<script setup>
import {ref, reactive, onMounted} from "vue";
import axios from '@/plugins/axios.js'
const props = defineProps({
  user:Object
})

onMounted(() => {

});
</script>

<style scoped>

</style>